<!--
 * @Author: your name
 * @Date: 2020-07-27 12:23:56
 * @LastEditTime: 2020-08-06 15:10:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \ryfront\src\components\Menu.vue
--> 
<template>
    <div>
        <el-row class="tac" style="height:100%;">
            
            <el-col>

                <el-menu
                background-color="#545c64"
                text-color="#fff"
                :router=true
                active-text-color="#ffd04b">
                <el-menu-item   index="1" route="/users">
                    <i class="el-icon-location" ></i>    
                    <span slot="title">用户管理</span>
                </el-menu-item>
                <el-menu-item index="2" route="/dic">
                    <i class="el-icon-menu"  ></i>
                    <span slot="title">字典管理</span>
                </el-menu-item>
                <el-menu-item index="3" route="/resources" >
                    <i class="el-icon-document"></i>
                    <span slot="title">资源管理</span>
                </el-menu-item>
                <el-menu-item index="4" route="/roles">
                    <i class="el-icon-setting"></i>
                    <span slot="title">角色管理</span>
                </el-menu-item>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>


<script>
export default {
    name: 'menu',
}
</script>

<style scoped>
    
</style>